<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
         <%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<section id="content">
				<div id="container">
				 	<div class="dai">
		 		<c:forEach items="${arr }" var="s">
			<div class="application" onclick="chakan(1,${s.lei},${s.id })">
				<div class="application-left">
					<img class="application-icon">
				</div>
				<div class="application-right">
					<div class="application-right-top">
						<div class="pull-left">
							<span style="font-weight: 400;font-size: 18px;color: #666;">申请类别：${s.type }</span>
							<span style="font-weight: 400;font-size: 13px;color: #999;margin-left: 5px;">申请时间：${s.sdate }</span>
						</div>
					<div class="pull-right">
						<button style="width: 77px; height: 22px;border-radius: 2px; font-weight: 400;font-size: 13px;color: #fff;padding-top: 3px;line-height:2px;background-color:#F9B46A;">审核</button>
					</div>
					</div>
					<div class="application-right-bottom">
						<div class="application-right-bottom-left">
							<div class="info-item">姓名：${s.name }</div>
							<div class="info-item">职位：${s.zhiwei }</div>
							<div class="info-item">理由：${s.yuan }</div>
						</div>
						<div class="application-right-bottom-right">
							<div class="info-item" style="${s.leixing==null?'display:none':'' }">类型：${s.leixing }</div>
							<div class="info-item" style="${s.kai==null?'display:none':'' }">时间：${s.kai }至${s.jie }</div>
							<div class="info-item" style="${s.bukadate==null?'display:none':'' }">补卡时间：${s.bukadate }</div>
							<div class="info-item" style="${s.shijian==null?'display:none':'' }">时长：${s.shijian}</div>
						</div>
						<div class="application-right-bottom-right">
							<div class="info-item" style="${s.duan==null?'display:none':'' }">时间段：${s.duan }</div>
						</div>
					</div>
				</div>
			</div>
			</c:forEach>
		 	</div>
		 	<!-- 下列代码为点击我的申请出现的界面 -->	
		 	<div class="shen" >
		 		<c:forEach items="${arry }" var="s">
			<div class="application" onclick="chakan(2,${s.lei},${s.id })">
				<div class="application-left">
					<img class="application-icon">
				</div>
				<div class="application-right">
					<div class="application-right-top">
						<div class="pull-left">
							<span style="font-weight: 400;font-size: 18px;color: #666;">申请类别：${s.type }</span>
							<span style="font-weight: 400;font-size: 13px;color: #999;margin-left: 5px;">申请时间：${s.sdate }</span>
						</div>
					<div class="pull-right">
						<span ${s.zhuang=="驳回"?"class='bohui'":"class='tongguoo'" }>${s.zhuang }</span>
					</div>
					</div>
					<div class="application-right-bottom">
						<div class="application-right-bottom-left">
							<div class="info-item">姓名：${s.name }</div>
							<div class="info-item">职位：${s.zhiwei }</div>
							<div class="info-item">理由：${s.yuan }</div>
						</div>
						<div class="application-right-bottom-right">
							<div class="info-item" style="${s.leixing==null?'display:none':'' }" >类型：${s.leixing }</div>
							<div class="info-item" style="${s.kai==null?'display:none':'' }">时间：${s.kai }至${s.jie }</div>
							<div class="info-item" style="${s.bukadate==null?'display:none':'' }">补卡时间：${s.bukadate }</div>
							<div class="info-item" style="${s.shijian==null?'display:none':'' }">时长：${s.shijian}</div>
						</div>
						<div class="application-right-bottom-right">
							<div class="info-item" style="${s.duan==null?'display:none':'' }">时间段：${s.duan }</div>
						</div>
					</div>
				</div>
			</div>
			</c:forEach>
		 	</div>
		</div>
		</div>
			</section>
</body>
</html>